spb/websensor

1import { Skeleton, SkeletonPanel, SkeletonRows } from "@/components/ui";23export default function Loading() {4  return (5    <>6      <div className="mb-3">7        <Skeleton className="mb-1 h-2.5 w-48" />8        <Skeleton className="h-5 w-40" />9        <Skeleton className="mt-2 h-3 w-full max-w-2xl" />10      </div>11      <div className="panel mb-4 grid grid-cols-2 divide-x divide-line sm:grid-cols-3 lg:grid-cols-6">12        {Array.from({ length: 6 }, (_, i) => (13          <div key={i} className="flex flex-col gap-1.5 px-3 py-2">14            <Skeleton className="h-2.5 w-16" />15            <Skeleton className="h-5 w-12" />16            <Skeleton className="h-2.5 w-20" />17          </div>18        ))}19      </div>20      <div className="grid gap-4 xl:grid-cols-[1fr_320px]">21        <div className="flex flex-col gap-4">22          <SkeletonPanel lines={3} />23          <div className="panel">24            <div className="border-b border-line px-3 py-2"><Skeleton className="h-2.5 w-24" /></div>25            <SkeletonRows rows={8} />26          </div>27          <div className="panel">28            <div className="border-b border-line px-3 py-2"><Skeleton className="h-2.5 w-28" /></div>29            <SkeletonRows rows={8} />30          </div>31        </div>32        <div className="flex flex-col gap-4">33          <SkeletonPanel lines={6} />34          <SkeletonPanel lines={6} />35          <SkeletonPanel lines={4} />36          <SkeletonPanel lines={5} />37        </div>38      </div>39    </>40  );41}42